<template>
  <div class="record"> 
       <van-tabs v-model="tab" title-active-color="#339966" title-inactive-color="rgb(57, 210, 133)">
         <van-tab title="收藏"></van-tab>
         <van-tab title="已报名"></van-tab>
         <van-tab title="邀请"></van-tab>
         <van-tab title="记录"></van-tab>
       </van-tabs>
       <div class="list">
           <Item /><Item /><Item /><Item /><Item /><Item />
       		<Item /><Item /><Item /><Item /><Item /><Item />
       		<Item /><Item /><Item /><Item /><Item /><Item />
       		<Item /><Item /><Item /><Item /><Item /><Item />
       </div> 
  </div>
</template>
<script >      
 
import {mapState,mapMutations} from 'vuex';  
import Item from '../home/list-item.vue'
export default {
  name: 'App',
  components:{ Item,},
  data(){
    return {
      tab:'', 
    }
  },
  computed:{...mapState(['hash'])},
  created(){

  },
  methods: { ...mapMutations(['SetHash']),
	  onSubmit(){
		  
	  }
  },
  mounted(){  
    this.SetHash(location.hash)
  }

}
</script>
<style scoped>
   .list{
   	  height:90vh;
   	  overflow: auto;
   }
  .record .van-tab .van-tab--active{
	   font-weight: 600!important;
	   FONT-SIZE: 16!important;
   }
</style>